<template>
  <!-- 任务派发 -->
  <!-- 子页面——任务内容 -->
	<view class="conter">
    <cc-goback title='任务派发' color="#fff"></cc-goback>
    <view class="navigation_head"></view>
		<view class="head">
		  <view class="head_a" >
		    任务内容
		    <view class="head_border_a" >
		    </view>
		  </view>
		  <view class="head_b" >
		    完成情况
		  </view>
		</view>
	  <uni-card class="card_a">
	   <view class="frist">
	     <view class="card_aa">
	       任务派发时间
	     </view>
       <view class="card_ab">
	       {{taskList.createTime}}
	     </view>
	   </view>
     <view class="frist">
	     <view class="card_aa">
	      限定完成时间
	     </view>
       <view class="card_ab">
	       {{taskList.executeTime}}
	     </view>
	   </view> 
     <view class="frist">
	     <view class="card_aa_a">
	      指定完成人
	     </view>
       <view class="card_ab">
	       {{taskList.executeUserName}}
	     </view>
	   </view>
     <view class="content">
       任务内容
     </view>
     <view class="content_word">
       {{taskList.content}}
     </view>
	  </uni-card>
    <uni-card class="picture">
      <view class="picture_word">
        任务附件
      </view>
      <view class="picture_img">
        <image src="../../static/bg_slices/enclosure.png" mode=""></image>
      </view>
      <view class="picture_word_a">
        任务附件说明.jpg
      </view>
      <view class="picture_word_b">
        当前任务已通过审核
      </view>
    </uni-card>
  </view>
</template>

<script>
	export default {
		data() {
			return {
				taskList:''
			};
		},
    onLoad() {
      this.taskList = uni.getStorageSync('taskList')
      console.log('1234',this.taskList)
    },
	}
</script>

<style lang="scss">

  .conter {
    // height: 1000rpx;
    background-color: #F7F7F7;
    overflow: hidden;
  }
  .navigation_head{
    height: calc(88rpx + var(--status-bar-height));
  }
  
  .head {
    display: flex;
    height: 88rpx;
    background: #FFFFFF;
    border: 1px solid #F2F2F2;
    margin-top: 25rpx;
  }
  
  .head_a {
    width: 50%;
    margin: auto;
    text-align: center;
  }
  
  .head_b {
    width: 50%;
    margin: auto;
    text-align: center;
  }
  
  .head_border_a {
    width: 60rpx;
    height: 4rpx;
    margin: auto;
    background: #4EA1FF;
    border-radius: 2rpx;
  }
  .card_a{
    height: 734rpx;
  }
  .frist{
    display: flex;
  }
  .card_aa{
    font-size: 28rpx;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: #999999;
    margin:20rpx 68rpx 0 0;
  }
  .card_aa_a{
    font-size: 28rpx;
    letter-spacing: 6rpx;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: #999999;
    margin:20rpx 68rpx 0 0;
  }
  .card_ab{
    font-size: 28rpx;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: #333333;
    margin-top: 20rpx;
  }
  .content{
    font-size: 28rpx;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: #999999;
    margin-top: 20rpx;
  }
  .content_word{
    margin-top: 20rpx;
    font-size: 28rpx;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: #333333;
    line-height: 48rpx;
  }
  
  .picture_word{
    font-size: 28rpx;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: #999999;
  }
  .picture_img{
    width: 642rpx;
    height: 320rpx;
    image{
      width: 100%;
      height: 100%;
    }
  }
  .picture_word_a{
    font-size: 28rpx;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: #333333;
  }
  .picture_word_b{
    font-size: 28rpx;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: #999999;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    background: #F5F5F5;
    border-radius: 4rpx;
    margin-top: 20rpx;
  }
</style>
